<template>
    <div id="fab5bd38d397042c1a6ed1a5dd43a03ff">
        <h1>{{title}}</h1>
        <h2>{{oldMessage}}</h2>
        <h3>{{message}}</h3>
        <!--include next -->
        <oui-include url="/res_apps/test/includeNext/31.art.html" ref="fd230b319d1404841861a1e3c61c99b1f" type="module" data="includeData"></oui-include>
    </div>
</template>
<script>
    exports = {
        data: function () {
            return {

                message:'第4个 art 组件显示',
                oldMessage:'第4个 art 组件显示',
                title:'Welcome to 4',
                includeData:this.includeData
            }
        },
        includeData:{
            message:''
        },
        mounted:function(){
            // art 无 $nextTick
            this.message="第4个 art 组件 mounted"+",耗用时间:"+(new Date()-oui.router.startTime)+"ms";
        }
    }
</script>

<style>
    #fab5bd38d397042c1a6ed1a5dd43a03ff {
        font-size: 12px;
        color:#0c50d4;
        background:#81054e;
    }
</style>

